<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!doctype html>
<html lang="en">
 <head>
  <meta charset="UTF-8">
  <meta name="Generator" content="EditPlus®">
  <meta name="Author" content="">
  <meta name="Keywords" content="">
  <meta name="Description" content="">
   <link href="../static/css/sh.css" rel="stylesheet" type="text/css">
  <title>收货地址</title>
 <script type="text/javascript" src="../static/js/jquery-1.11.2.min.js"></script>
<script type="text/javascript" src="../static/js/login.js"></script>
  <link rel="icon" href="//D:/b2c_favicon.ico" type="image/x-icon">
 
</head>
<body>
<div class="box">
<div id="test"></div>
<div id="zhuce">
					<div class="zhuce-title">
							<h1>欢迎注册联想会员</h1>
    						<div onclick="guan()" class="close"></div>
    				</div>
    				<div class="zhuce-input">
    					<p><lable>账号</lable><input class="account" placeholder="请输入手机号"/></p>
    				</div>
    				<div class="enroll_inputaa ">
    					<p>请输入正确的格式</p>
    				</div>
    				<div class="enroll_inputb">
    					<p><lable>密码</lable><input type="password" class="account" placeholder="密码长度8~20位,数字、字母、字符至少包含两种"/></p>
    				</div>
    				<div class="enroll_inputbb ">
    					<p>请输入正确的格式</p>
    				</div>
    				<div class="enroll_inputc">
    					<p><lable>确认密码</lable><input type="password"class="account" ></p>
    				</div>
    				<div class="enroll_inputaa errorRepwd">
    					<p class="error">确认密码和密码不一致，请重新输入</p>
    				</div>
    				<div class="enroll_inputd">
    					<p><lable>验证码</lable><input type="text" class="captcha_code"></p><img src="" class="yanzhengma"/><span class="huan">换一张</span>
    				</div>
    				<div class="enroll_inputaa">
    					<p>验证码格式错误</p>
    				</div>
    				  <div class="enroll_inputd">
    					<p><lable>手机验证码</lable><input type="text" class="captcha_code"></p><button class="mobile_captcha" style="margin-left:3px;width: 120px; background: #c2c2c2;border: none;height: 28px;cursor: poiner;">获取手机验证码</button>
    				</div>
    				<div class="enroll_inputaa"></div>
    				<div class="enroll_main">
    					<lable>
    						<input type="checkbox" class="chk"/>
    						<p>同意联想的<a>使用条款</a>和<a>隐私权政策</a></p>	
    					</lable>
    				</div>
    				<div class="enroll_btn">
    						<a>立即注册</a>
    				</div>
				</div>

<div id="denglu">
					<div class="login">
						<div class="now">普通登录</div>
						<div class="nows">快捷登录</div>
						<div onclick="cancel_shield()" class="close"></div>
					</div>
					<div class="login-input">
						<div class="use">
							<img src="static/img/icon03.jpg" class="input-img"/>
							<input type="text" name="" class="name1" placeholder="请输入手机号或邮箱"/>
						</div>
					</div>
					<div class="login-inputb">
						<div class="pwd">
							<img src="static/img/icon04.jpg" class="input-img"/>
							<input type="password" name="" class="name1" placeholder="密码"/>
						</div>
					</div>

					<div class="login-main">

					</div>
					<div class="zidong">
						<input type="checkbox" name="" class="persistent"><p>自动登录</p>
					</div>
					<div class="login-btn">
						<a>登录</a>
					</div>
					<div class="login-zhu">
						<p>
							<a class="zhuc" onclick="zhu()">立即注册</a>
							<a class="mima">忘记密码</a>
						</p>
					</div>
					<div class="cooperation">
						使用合作网站账号登录:
						<div class="cooperation_items">
							<a>
								<img src="static/img/ico_qq.png"/>
								<img src="static/img/ico_wc.png"/>
								<img src="static/img/ico_sina.png"/>
								<img src="static/img/ico_zfb.png"/>
							</a>
						</div>
					</div>

			</div>

<div class="top-box">
				<img src="../static/img/0d66fb8c-f7b0-4d2c-888c-51d56f67aeab_1.jpg" class="top-img"/>
				<ul class="ulone">
					<li>联想首页</li>
					<li>商城</li>
					<li>社区</li>
					<li>服务</li>
					<li>资讯</li>
					<li>门店</li>
					<li class="topimg">手机版<span class="ii"></span></li>
				</ul>
				<div class="qq"><img src="../static/img/mmqrcode1515487661338.png"/></div>
		</div>
		<div class="two-box">
			<ul class="ultwo">
				<li>联想合伙人</li>
				<li>私人订制</li>
				<li>急速达</li>
				<li>积分兑换</li>
				<li>小新店铺</li>
				<li>学生专区</li>
				<li>商用专区</li>
			</ul>
			<div class="find">
				<input type="text" name="" placeholder="智能头盔" class="input-one">
				<span class="find-box"><span class="find-img"></span></span>
			</div>
			<div class="shop-img"></div>
			<div class="Personal-img" onclick="shield()"></div>
		</div>
</div>
<div class="box1">
<a>首页</a>
>
<a>会员中心</a>
</div>>
<div class="box2">
<div class="box3">
<div class="xia">
<h3 class="zh">
<span>账户中心</span>
<i class="tu"></i>
</h3>
<ul>
<li class="xx"><a>个人信息</a></li>
</ul>
<ul>
<li class="xx"><a>修改密码</a></li>
</ul>
<ul>
<li class="xx"><a>账户绑定</a></li>
</ul>
</div>
<div class="xia">
<h3 class="zh">
<span>订单中心</span>
<i class="tu"></i>
</h3>
<ul>
<li class="xx"><a>我的订单</a></li>
</ul>
<ul>
<li class="xx"><a>评价晒单</a></li>
</ul>
<ul>
<li class="xx"><a>我的吐槽</a></li>
</ul>
<ul>
<li class="xx"><a>收货地址</a></li>
</ul>
<ul>
<li class="xx"><a>我的收藏</a></li>
</ul>
<ul>
<li class="xx"><a>我的退换货</a></li>
</ul>
</div>
<div class="xia">
<h3 class="zh">
<span>我的信箱</span>
<i class="tu"></i>
</h3>
<ul>
<li class="xx"><a>我的站内信</a></li>
</ul>
</div>
<div class="xia">
<h3 class="zh">
<span>资产中心</span>
<i class="tu"></i>
</h3>
<ul>
<li class="xx"><a>我的乐豆</a></li>
</ul>
<ul>
<li class="xx"><a>我的消费积分</a></li>
</ul>
<ul>
<li class="xx"><a>我的优惠券</a></li>
</ul>
<ul>
<li class="xx"><a>实物奖品</a></li>
</ul>
<ul>
<li class="xx"><a>领券中心</a></li>
</ul>
</div>
<div class="xia">
<h3 class="zh">
<span>我的合伙人</span>
<i class="tu"></i>
</h3>
<ul>
<li class="xx"><a>账户信息</a></li>
</ul>
<ul>
<li class="xx"><a>我的推广</a></li>
</ul>
<ul>
<li class="xx"><a>我的权益点</a></li>
</ul>
<ul>
<li class="xx"><a>我的兑换</a></li>
</ul>
</div>
</div>
<div class="gr">
<div class="grxx"><span>我的收货地址</span></div>
<div class="sz">设置好轻松购信息,就可以在商品页面直接下单 ,购物从此变得简单快乐!</div>
<div class="login-header">
<a title="新增收货地址">新增收货地址</a>
</div>
<div class="dz">
<div class="title">朱子豪&nbsp;湖南株洲石峰创业大厦</div>
<div class="name">
	<p>收货人：</p>
	<p>所在地区：</p>
	<p>地址：</p>
	<p>手机号：</p>
	<p>邮箱：</p>
	<p>是否默认：</p>
</div>
<div class="sh">
	<p>朱子豪</p>
	<p>湖南株洲石峰</p>
	<p>创业大厦</p>
	<p>18374001569</p>
	<p> &nbsp  </p>
	<p>是</p>
</div>
<div class="bj"><a title="编辑">编辑<a><span title="设为默认地址">设为默认地址</span></div>
</div>
</div>

<div class="login" >
<a title="关闭" class="close-login"></a>
	<h3 id="h3">增加收货地址</h3>

	<div class="shr">
	<p><a></a>收货人：</p>
	<p><a>*</a>手机号：</p>
	<p><a>*</a>地址：</p>
	<p><a>*</a>详细地址：</p>
	<p>邮箱：</p>
</div>
<div class="inp">
<p><input type="text"  name="username" style="width:120px"></p>
<p><input type="text"  name="username" style="width:120px"><a>或固定电话：<input type="text"  name="username" style="width:120px"></a></p>
<p><select><option value="" >请选择省份</option></select>
<select><option value="">请选择城市</option></select>
<select><option value="">请选择区/县</option></select></p>
<p><input type="text"  name="username" style="width:300px"></p>
<p><input type="text"  name="username" style="width:120px"></p>
</div>
<input type="button" value="保存收货地址" class="bz">
</div>
</div>


<div class="dbtp">
<div class="tupian">
<img src=" ../static/img/04.jpg">
</div>
</div>
<div class="zhong">
<div class="zhong1">
<div class="zhong2">
<div class="zhong3">
<dl class="zhong5">
<dt><a>购物指南</a></dt>
<dd >
<a class="zz1">服务商信息</a>
<a class="zz1">购物流程</a>
<a class="zz1">注册登录</a>
</dd>
</dl>
<dl class="zhong4">
<dt><a>配送方式</a></dt>
<dd >
<a class="zz1">配送方式</a>
<a class="zz1">配送方式信息</a>
<a class="zz1">签收原则</a>
<a class="zz1">物流查询</a>
</dd>
</dl>
<dl class="zhong4">
<dt><a>支付方式</a></dt>
<dd >
<a class="zz1">分期支付</a>
<a class="zz1">支付方式</a>
<a class="zz1">支付问题</a>
</dd>
</dl>
<dl class="zhong4">
<dt><a>订单信息</a></dt>
<dd >
<a class="zz1">订单信息</a>
<a class="zz1">发票信息</a>
</dd>
</dl>
<dl class="zhong4">
<dt><a>售后服务</a></dt>
<dd >
<a class="zz1">售后服务总则</a>
<a class="zz1">24小时在线客服</a>
</dd>
</dl>
<dl class="zhong4">
<dt><a>其他说明</a></dt>
<dd >
<a class="zz1">服务承诺</a>
<a class="zz1">账户安全</a>
<a class="zz1">产品安全</a>
<a class="zz1">手机产品购买须知</a>
<a class="zz1">环境信息</a>
</dd>
</dl>
</div>
</div>
</div>
</div>
</div>
<div class="di">
<ul class="dll1">
<li class="di2">
<a class="di3">关于联想</a>
<a class="di4">公司介绍</a>
<a class="di4">投资者关系</a>
<a class="di4">工作机会</a>
<a class="di4">联系我们</a>
<a class="di4">销售网点查询</a>
<a class="di4">服务网点查询</a>
</li>
<li class="di2">
<a class="di3">联想商城</a>
<a class="di4">0元试用</a>
<a class="di4">急速达</a>
<a class="di4">联想合伙人</a>
<a class="di4">私人定制</a>
<a class="di4">以旧换新</a>
</li>
<li class="di2">
<a class="di3">联想服务</a>
<a class="di4">驱动与软件下载</a>
<a class="di4">联想知识库</a>
<a class="di4">24小时智能客服</a>
<a class="di4">保修配置查询</a>
<a class="di4">服务政策查询</a>
<a class="di4">上门快修</a>
<a class="di4">延长保修</a>
</li>

<li class="di2">
<a class="di3">联想网站群</a>
<a class="di4">联想电脑管家</a>
<a class="di4">联想超融合</a>
<a class="di4">联想研究院</a>
<a class="di4">智慧医疗</a>
<a class="di4">聚享汇</a>
<a class="di4">联想租赁商城</a>
<a class="di4">联想企业网盘</a>
</li>
<li class="di2">
<h6>联想官方社交平台</h6>
<ul class="di5">
<li class="fl1">
<p class="tu1"></p>
</li>
<li class="fl1">  
<p class="tu2"></p>
</li>
<li class="fl1">  
<p class="tu3"></p>
</li>
<li class="fl1">  
<p class="tu4"></p>
</li>
</ul>
</li>
</ul>
<div class="mo">
<div class="m1">
<div class="m2">版权所有：1998-2017 联想集团
<span>|</span>
<a>法律公告</a>
<span>|</span>
<a>隐私保护</a>
<div class="m3">
<a>京ICP备11035381 </a>
<span>|</span>
<a>京公网安备110108007970号  </a>
<span>|</span>
<a>营业执照：110000410127232</a>
</div>
</div>
</div>
</div>
</div>
 </body>
</html>
<script type="text/javascript" src="static/js/jquery-3.1.0.js"></script>
<script>
 //顶部图片下拉
	$('.ii').hover(
	function(){
		$('.qq img').slideToggle();
	});

function shield(){
    var s = document.getElementById("test");
    s.style.display = "block";
    var l = document.getElementById("denglu");
    l.style.display = "block";
}
function cancel_shield(){
    var s = document.getElementById("denglu");
    s.style.display = "none";
    
    var l = document.getElementById("test");
    l.style.display = "none";
}
function zhu(){
    var z = document.getElementById("zhuce");
    z.style.display="block";
    var l = document.getElementById("test");
    l.style.display = "block";
    var s = document.getElementById("denglu");
    s.style.display = "none";
}
function guan(){
    var q = document.getElementById("zhuce");
    q.style.display="none";
    var l = document.getElementById("test");
    l.style.display = "none";
}
</script>